import { FC, ReactNode} from "react";
import Carousel from "@/components/Carousel";
import {Box,Image} from  '@chakra-ui/react'

interface IProps{
    children?:ReactNode
}
const TopBanner:FC<IProps>  = () =>{

    const slides = [
        'https://kwimg3.kuwo.cn/star/upload/69/39/1706087266755_.jpg',
        'https://kwimg3.kuwo.cn/star/upload/79/25/1735544913379_.jpg',
        'https://kwimg2.kuwo.cn/star/upload/98/5/1737122221890_.jpg',
        'https://kwimg4.kuwo.cn/star/upload/92/81/1735546528181_.jpg'
    ];

    return (
            <Carousel slides={slides} />
    );

}


export default TopBanner